<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-cn">
<head>


	<!-- Bootstrap -->
	<include file="Include/css" />
	<title>商品管理主页</title>
	<link href="__STATICS__/css/index.css" rel="stylesheet">
	<link href="__STATICS__/css/goods_edit_shelves.css" rel="stylesheet">

</head>
<body>
<include file="Include/nav_top" />
<div class="container clearfix" id="left_menu_wraper" >
	<include  file="Include/menu_left" />
		<div id="right-content">
			<div id="right-content-inner">
				<ul class="breadcrumb">
					<span>您的位置：</span>
					<li><a href="index2.html">首页</a> </li>
					<li class="">商品管理</li>
					<li class="active">商城首页货架管理</li>
				</ul>


				<div class="alert alert-danger  alert-dismissible" role="alert">

					<!--关闭按钮-->
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<!--内容-->
					<strong>温馨提示：</strong> 您的店铺已经300天没有交易了，请及时处理交易情况！
				</div>


				<!--<p>
					<button class="btn btn-orange">
						新建二维码
					</button>
				</p>-->




				<div role="tabpanel" class="mt20">

					<!-- Nav tabs -->
					<ul class="nav nav-tabs clearfix" role="tablist">
						<li role="presentation" class="active">
							<a href="#home" aria-controls="home" role="tab" data-toggle="tab">
								PC商城
							</a>
						</li>
						<!--<!--<li role="presentation">
							<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
								PC商城
							</a>
						</li>-->
						<li role="presentation">
							<a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
								微商城
							</a>
						</li>

						<!--<div class="tabs_button_wraper">
							<button class="btn btn-warning">
								昨天
							</button>
							<button class="btn btn-default">
								7天
							</button>
							<button class="btn btn-default">
								30天
							</button>
						</div>-->
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="home">

							<div class="row clearfix">

								<div class="col-md-6 padding0">
									<div class="col-md-12   padding5">
										<div class="width100 clearfix ">
											<h5 class="shelves_green">页头</h5>
										</div>
									</div>
									<div class="col-md-12   padding5">
										<div class="width100 clearfix ">
											<h5 class="shelves_default">导航</h5>
										</div>
									</div>
									<div class="col-md-12   padding5">
										<div class="width100 clearfix ">
											<h5 class="shelves_default clearfix">
												标题一
												<span class="pull-right">
													<a href="javascript:void(0)" class="shelves_edit">
														编辑
													</a>
													<a href="javascript:void(0)" class="shelves_delete ml10">
														删除
													</a>
												</span>
											</h5>
											<div class="col-md-12 border">
												<div class="col-md-4 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper">
															

															<div class="logo_wraper  ">
																<img src="images/user_logo_info.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-4 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper ">
															

															<div class="logo_wraper ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-4 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper">
															

															<div class="logo_wraper">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>

											</div>
										</div>
									</div>

									<div class="col-md-12   padding5">
										<div class="width100 clearfix ">
											<h5 class="shelves_default clearfix">
												标题二
												<span class="pull-right">
													<a href="javascript:void(0)" class="shelves_edit">
														编辑
													</a>
													<a href="javascript:void(0)" class="shelves_delete ml10">
														删除
													</a>
												</span>
											</h5>
											<div class="col-md-12 border">
												<div class="col-md-6 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper double_shelves">
															

															<div class="logo_wraper  ">
																<img src="images/goods_detail2.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-6 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper double_shelves ">
															

															<div class="logo_wraper ">
																<img src="images/add_goods2.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>


											</div>
										</div>
									</div>

									<div class="col-md-12   padding5">
										<div class="width100 clearfix ">
											<h5 class="shelves_default clearfix">
												标题三
												<span class="pull-right">
													<a href="javascript:void(0)" class="shelves_edit">
														编辑
													</a>
													<a href="javascript:void(0)" class="shelves_delete ml10">
														删除
													</a>
												</span>
											</h5>
											<div class="col-md-12 border">
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper  ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper  ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>


											</div>
										</div>
									</div>



									<div class="col-md-12   padding5">
										<div class="width100 clearfix ">
											<h5 class="shelves_default clearfix">
												标题四
												<span class="pull-right">
													<a href="javascript:void(0)" class="shelves_edit">
														编辑
													</a>
													<a href="javascript:void(0)" class="shelves_delete ml10">
														删除
													</a>
												</span>
											</h5>
											<div class="col-md-12 border">
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper  ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper  ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>

												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper  ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper  ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>
												<div class="col-md-3 ">
													<div class="thumbnail padding0 margin10">
														<div class="upload_wraper four_shelves">
															

															<div class="logo_wraper ">
																<img src="images/add_goods1.png" class="width100 img-rounded" alt="">
															</div>

														</div>
													</div>
												</div>


											</div>
										</div>
									</div>


									<div class="col-md-12 ">
										<div class="upload_wraper dash shelves_one">
											

											<div class="logo_wraper">
												<img src="images/add_goods3.png" class="width100" alt=""/>
											</div>

										</div>

									</div>

									<div class="col-md-12   padding5">
										<div class="width100 clearfix ">
											<h5 class="shelves_green">页脚</h5>
										</div>
									</div>






								</div>

								<div class="col-md-6 pl30" id="shelves_pop_1">
									<div class="shelves_pop thumbnail">
										<div class="shelves_pop_arrow">
										</div>
										<div class="col-md-12 margincenter clearfix">
											<h5 class="shelves_title">编辑货架</h5>
											<div class="col-md-12 form-horizontal shelves_content">
													<label class="pull-left control-label">显示标题：</label>
													<div class="col-md-5 radio">

																<label class="pull-left">
																	<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
																	显示
																</label>


																<label class="pull-left ml10">
																	<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" checked>
																	不显示
																</label>

													</div>
												<div class="col-md-5">
													<input type="text" class="form-control"/>
												</div>

											</div>
											<div class="col-md-6 ">
												<div class="thumbnail double_block shelves_block active">
													<div class="arrow_shelves_corner">

													</div>
													<img src="images/shelves1.png" class="width100" alt=""/>
												</div>
											</div>
											<div class="col-md-6">
												<div class="thumbnail double_block shelves_block">
													<div class="arrow_shelves_corner">

													</div>
													<img src="images/shelves2.png" class="width100" alt=""/>
												</div>
											</div>
											<div class="col-md-6 ">
												<div class="thumbnail double_block shelves_block">
													<div class="arrow_shelves_corner">

													</div>
													<img src="images/shelves3.png" class="width100" alt=""/>
												</div>
											</div>
											<div class="col-md-6">
												<div class="thumbnail double_block shelves_block">
													<div class="arrow_shelves_corner">

													</div>
													<img src="images/shelves4.png" class="width100" alt=""/>
												</div>
											</div>
											<div class="col-md-6 ">
												<div class="thumbnail double_block shelves_block">
													<div class="arrow_shelves_corner">

													</div>
													<img src="images/shelves5.png" class="width100" alt=""/>
												</div>
											</div>
											<div class="col-md-6">
												<div class="thumbnail double_block shelves_block">
													<div class="arrow_shelves_corner">

													</div>
													<img src="images/shelves6.png" class="width100" alt=""/>
												</div>
											</div>
											<div class="shelves_title clearfix form-horizontal">
													<label class="col-md-3 control-label">商品间隔</label>
													<div class="col-md-5">
														<select  class="form-control">
															<option value="0">0</option>
															<option value="1">1</option>
														</select>
													</div>
											</div>
											<div class="clearfix padding10">
												<button class="btn btn-danger short-btn">
													保存修改
												</button>
											</div>
										</div>
									</div>


								</div>

							</div>





						</div>
						<!--<!--<div role="tabpanel" class="tab-pane" id="profile">
							PC商城
						</div>-->
						<div role="tabpanel" class="tab-pane" id="messages">
							2
						</div>

					</div>



				</div>








			</div>

		</div>
</div>

<!--模态框-->
<!--模态框-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="goods_modal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
				<h4 class="modal-title" id="exampleModalLabel">选择商品</h4>
			</div>
			<div class="modal-body">
				<div class=" padding0">
				<!--	<div class="head_title padding5 ">
						<center>
							<strong>
								添加促销二维码
							</strong>
						</center>

					</div>-->
					<div class="padding10 clearfix ">
						<div class="row clearfix margin10 form-horizontal">
							<span class="pull-left ml10 form_bar">宝贝类别：</span>
							<div class="col-md-2">
								<select name="goods_cat" class="pull-left ml10 form-control">
									<option value="1">1</option>
									<option value="2">2</option>
								</select>
							</div>
							<span class="pull-left ml30 form_bar">宝贝名称：</span>
							<div class="col-md-2">
								<input type="text" class="pull-left ml10 form-control">
							</div>

							<button class="pull-left btn btn-default ml20">
								搜索
							</button>
						</div>

						<table class="table table-striped table_qrcode">
							<!--<caption>标题</caption>-->
							<thead>
							<tr class="border">
								<th>商品名称</th>
								<th>售价</th>
								<th>销量</th>
								<th>库存</th>
								<th>上架时间</th>
							</tr>
							</thead>
							<tbody>
							<tr data-id="www.baidu.com" class="qr_tar">
								<td class="text-align-left">
									<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

								</td>
								<td>5.20元</td>
								<td>100</td>
								<td>120件</td>
								<td>
									2015-11-11 00:00
								</td>

							</tr>
							<tr class="bg-pop">
								<td class="text-align-left">
									<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

								</td>
								<td>5.20元</td>
								<td>100</td>
								<td>120件</td>
								<td>
									2015-11-11 00:00
								</td>

							</tr>
							<tr>
								<td class="text-align-left">
									<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

								</td>
								<td>5.20元</td>
								<td>100</td>
								<td>120件</td>
								<td>
									2015-11-11 00:00
								</td>

							</tr>
							<tr class="bg-pop">
								<td class="text-align-left">
									<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
												<span class="table_goods_text">
													旺旺雪饼旺旺雪饼旺旺雪饼
												</span>

								</td>
								<td>5.20元</td>
								<td>100</td>
								<td>120件</td>
								<td>
									2015-11-11 00:00
								</td>

							</tr>



							</tbody>
						</table>
						<ul class="pagination pull-right pagination-sm">
							<li class="disabled"><a href="#"><span aria-hidden="true">«</span><span class="sr-only">Previous</span></a></li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#"><span aria-hidden="true">»</span><span class="sr-only">Next</span></a></li>
						</ul>
					</div>
				</div>

			</div>

		</div>
	</div>
</div>


<include file="Include/script" />

<script>
	/*菜单展开及高亮*/
		$(function(){
			$('.goods').addClass('open');
			$('#goods4').addClass('active');
		});
</script>
<script src="__STATICS__/js/goods_edit_shelves.js">

</script>
</body>
</html>